import React from 'react'
import { useNavigate } from 'react-router-dom'
import TopNavbar from '../../../components/TopNavbar'
import ErrorBoundary from '../../../components/ErrorBoundary'
import styles from './index.module.css'

const ConsultationRecords = () => {
  const navigate = useNavigate()

  return (
    <div className={styles.recordsPage}>
      <ErrorBoundary>
        <TopNavbar
          title="就诊记录"
          showBack={true}
          onBack={() => navigate(-1)}
        />
      </ErrorBoundary>
      
      <div className={styles.content}>
        <div className={styles.emptyState}>
          <div className={styles.emptyIcon}>🏥</div>
          <div className={styles.emptyText}>暂无就诊记录</div>
          <div className={styles.emptySubtext}>您还没有就诊记录</div>
        </div>
      </div>
    </div>
  )
}

export default ConsultationRecords
